<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/hotel.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="./layui-v2.6.5/layui/css/layui.css">
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <link rel="stylesheet" href="./css/nav.CSS">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <title>Document</title>

</head>
<style>
    a {
        text-decoration: none;
    }
</style>

<body>
    <!-- 头部黑色导航栏 -->
    <nav class="poornav">
        <div class="header-left">
            <img src="./img/Q.png" class="imgs" alt="">
            <ul class="q-nav">
                <li><a href="" class="nav-span">目的地</a></li>
                <li><a href="" class="nav-span">锦囊</a></li>
                <li class="list-layer list-sns">
                    <a href="" class="nav-span">
                        <span>社区</span>
                        <i class="fa fa-angle-down"></i>
                    </a>
                    <!-- 社区tab切换 -->
                    <div class="q-layer q-layer-nav q-layer-arrow arr">
                        <ul>
                            <li class="nav-list-layer list-discuss">
                                <a href="//bbs.qyer.com/">
                                    <span>旅行论坛</span>
                                    <div style="display:inline;"><i class="fa fa-angle-right fa-right"></i></div>
                                </a>
                                <div class="q-layer q-layer-section" style="display:none;">
                                    <div class="q-layer">
                                        <div class="section-title"><a href="//bbs.qyer.com" class="more"><span>全部版块</span>
                              <i class="fa fa-angle-right fa-right"></i></a><span>热门版块</span></div>
                                        <dl class="section-item">
                                            <dt>兴趣小组</dt>
                                            <dd><a href="//bbs.qyer.com/forum-2-1.html">结伴同游</a>
                                                <a href="//bbs.qyer.com/forum-3-1.html">签证</a>
                                                <a href="//bbs.qyer.com/forum-22-1.html">旅行摄影</a>
                                                <a href="//bbs.qyer.com/forum-88-1.html">潜水俱乐部</a>
                                                <a href="//bbs.qyer.com/forum-122-1.html">带孩子旅行</a>
                                                <a href="//bbs.qyer.com/forum-33-1.html">自驾</a>
                                            </dd>
                                        </dl>
                                        <dl class="section-item">
                                            <dt>穷游欧洲</dt>
                                            <dd><a href="//bbs.qyer.com/forum-14-1.html">法国/摩纳哥</a><a href="//bbs.qyer.com/forum-12-1.html">德国</a><a href="//bbs.qyer.com/forum-16-1.html">英国/爱尔兰</a><a href="//bbs.qyer.com/forum-15-1.html">瑞士/列支敦士登</a><a d
                                                    href="//bbs.qyer.com/forum-162-1.html">土耳其</a><a href="//bbs.qyer.com/forum-25-1.html">挪威/瑞典/芬兰/丹麦/冰岛</a><a href="//bbs.qyer.com/forum-13-1.html">意大利/梵蒂冈/圣马力诺/马耳他</a></dd>
                                        </dl>
                                        <dl class="section-item">
                                            <dt>穷游亚洲</dt>
                                            <dd><a href="//bbs.qyer.com/forum-52-1.html">台湾</a>
                                                <a href="//bbs.qyer.com/forum-57-1.html">日本</a>
                                                <a href="//bbs.qyer.com/forum-106-1.html">泰国</a>
                                                <a href="//bbs.qyer.com/forum-164-1.html">新加坡</a>
                                                <a href="//bbs.qyer.com/forum-165-1.html">斯里兰卡</a>
                                                <a href="//bbs.qyer.com/forum-163-1.html">香港/澳门</a>
                                                <a href="//bbs.qyer.com/forum-108-1.html">马来西亚/文莱</a>
                                                <a href="//bbs.qyer.com/forum-175-1.html">柬埔寨</a>
                                                <a href="//bbs.qyer.com/forum-104-1.html">马尔代夫</a>
                                                <a href="//bbs.qyer.com/forum-177-1.html">缅甸</a>
                                                <a href="//bbs.qyer.com/forum-59-1.html">伊朗</a>
                                                <a href="//bbs.qyer.com/forum-103-1.html">印度/孟加拉</a>
                                            </dd>
                                        </dl>
                                        <dl class="section-item">
                                            <dt>穷游美洲</dt>
                                            <dd><a href="//bbs.qyer.com/forum-54-1.html">加拿大</a>
                                                <a href="//bbs.qyer.com/forum-53-1.html">美国</a>
                                                <a href="//bbs.qyer.com/forum-168-1.html">中美</a>
                                                <a href="//bbs.qyer.com/forum-55-1.html">南美/南极</a>
                                            </dd>
                                        </dl>
                                        <dl class="section-item">
                                            <dt>穷游大洋洲</dt>
                                            <dd><a href="//bbs.qyer.com/forum-56-1.html">澳大利亚</a>
                                                <a href="//bbs.qyer.com/forum-83-1.html">新西兰</a>
                                                <a href="//bbs.qyer.com/forum-178-1.html">太平洋海岛</a>
                                            </dd>
                                        </dl>
                                        <dl class="section-item">
                                            <dt>穷游非洲</dt>
                                            <dd><a href="//bbs.qyer.com/forum-173-1.html">东非地区</a>
                                                <a href="//bbs.qyer.com/forum-174-1.html">非洲海岛</a>
                                                <a href="//bbs.qyer.com/forum-86-1.html">北非地区</a>
                                                <a href="//bbs.qyer.com/forum-60-1.html">非洲其他国家</a>
                                            </dd>
                                        </dl>
                                        <div></div>

                                    </div>
                                </div>
                            </li>
                            <li class="nav-list-layer"><a href="//ask.qyer.com/"><span>旅行问答</span>
                      </a> </li>
                            <li class="nav-list-layer"><a href="//zhuanlan.qyer.com/"><span>旅行专栏</span>
    
                      </a>

                            </li>
                            <li class="nav-list-layer"><a href="//biu.qyer.com/"><span>旅行生活分享平台</span>
                        <!---->
                      </a>
                                <!---->
                            </li>
                            <li class="nav-list-layer"><a href="https://qlab.taobao.com/index.htm?spm=2013.1.w5002-20955034123.2.67456028h2dyyo"><span>JNE旅行生活美学</span>
                        <!---->
                      </a>
                                <!---->
                            </li>
                            <li class="nav-list-layer"><a href="//bbs.qyer.com/forum-2-1.html"><span>Biu伴（原结伴同游）</span>
                        <!---->
                      </a>
                                <!---->
                            </li>
                            <li class="nav-list-layer"><a href="//rt.qyer.com/"><span>负责任的旅行</span>
                        <!---->
                      </a>
                                <!---->
                            </li>
                            <li class="nav-list-layer"><a href="//zt.qyer.com/"><span>特别策划</span>
                        <!---->
                      </a>
                                <!---->
                            </li>
                            <li class="nav-list-layer"><a href href="//www.qyer.com/video/"><span>旅行精选视频</span></a>
                                <!---->
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="" class="nav-span">行程助手</a></li>
                <li class="list-layer list-shop">
                    <a href="" class="nav-span">
                        <span>商城</span>
                        <i class="fa fa-angle-down"></i>
                        <span class="line-flag">
                    <img src="./img/redflag.gif" alt="" class="flag-icon">
                    <i class="flag"></i>
                  </span>
                    </a>
                    <!-- 商城tab切换 -->
                    <div class="q-layer q-layer-nav q-layer-arrow arr1">
                        <ul>
                            <li class="nav-list-layer"><a><span>机酒自由行</span></a></li>
                            <li class="nav-list-layer"><a><span>当地玩乐</span></a></li>
                            <li class="nav-list-layer"><a><span>签证</span></a></li>
                            <li class="nav-list-layer"><a><span>保险</span></a></li>
                            <li class="nav-list-layer"><a><span>租车自驾</span></a></li>
                            <li class="nav-list-layer"><a><span>邮轮</span></a></li>
                            <li class="nav-list-layer"><a><span>私人定制</span></a></li>
                            <li class="nav-list-layer"><a><span>欧洲铁路</span></a></li>
                        </ul>
                    </div>
                </li>
                <li class="list-layer list-hotel">
                    <a href="" class="nav-span">
                        <span style="margin-left: 40px;">酒店·民宿</span>
                        <i class="fa fa-angle-down"></i>
                    </a>
                    <div class="q-layer q-layer-nav q-layer-arrow arr2" style="margin-left: 40px;">
                        <ul>
                            <li class="nav-list-layer"><a><span>酒店</span></a></li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="" class="nav-span">
                        <span>特价酒店</span>
                        <span class="line-flag">
                    <img src="./img/redflag2.png" alt="" class="flag-icon">
                    <i class="flag"></i>
                  </span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="header-right">
            <div class="nav-search">
                <div class="nav-ipt">
                    <input type="text" class="txt-search">
                    <button class="btn-search">
                  <i class="fa fa-search"></i>
                </button>
                </div>
            </div>
            <span class="nav-cut">|</span>
            <div class="nav-user">
                <div class="login-wrap">
                    <a href="https://passport.qyer.com/oauth?using=taobao&amp;ref=https%3A%2F%2Fwww.qyer.com%2F" class="important">
                        <img src="./img/taobao.png" alt=""></a>
                    <a href="https://passport.qyer.com/oauth?using=qq&amp;ref=https%3A%2F%2Fwww.qyer.com%2F">
                        <i class="fa fa-qq"></i></a>
                    <a href="https://passport.qyer.com/oauth?using=weixin&amp;ref=https%3A%2F%2Fwww.qyer.com%2F">
                        <i class="fa fa-wechat"></i></a>
                    <a href="https://passport.qyer.com/oauth?using=weibo&amp;ref=https%3A%2F%2Fwww.qyer.com%2F">
                        <i class="fa fa-weibo"></i></a>
                    <a href="https://passport.qyer.com/register/mobile?ref=https%3A%2F%2Fwww.qyer.com%2F" class="login-link">注册</a><a href="https://passport.qyer.com/login?ref=https%3A%2F%2Fwww.qyer.com%2F" class="login-link">登录</a>
                </div>
            </div>
        </div>
        </div>
    </nav>
    <!-- 大背景 -->
    <div class="bg" id="bgg">
        <div class="zhong">
            <div class="two">
                <span class="left">特价酒店</span>&nbsp;<span>|</span>
                <span class="right">华人旅馆</span>
            </div>
            <div class="title">旅途可以多一种可能。</div>
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" id="bot">
                <ul class="layui-tab-title" id="house">
                    <li class="layui-this" id="z1">海外酒店</li>
                    <li id="y1">国内酒店</li>
            </div>
            <!-- 这是两个输入框 -->
            <div class="select">
                <div><input type="text" value="想去哪里" class="where"></div>
                <!--这是日期时间 -->


                <div class="layui-input-inline" id="sg">
                    <input type="text" class="layui-input" id="test6" placeholder=" - ">
                </div>


                <!--  -->
                <div class="seleh">搜索酒店</div>
            </div>
            <!--  最后的链接  -->
            <div class="buttom">
                <ul class="ct">
                    <li>纽约</li>
                    <li>东京</li>
                    <li>曼谷</li>
                    <li>洛杉矶</li>
                    <li>旧金山</li>
                    <li>大阪</li>
                </ul>
                <div class="righ"><img src="./img/服务.png" alt="">
                    <span>服务承诺</span></div>

            </div>
        </div>
    </div>
    <!--精选住宿 -->
    <div class="choi">
        <div class="hand">精选住宿</div>
        <!-- tab切换 -->
        <div id="tab" onclick="getTxt()">
            <span class="qiehuan">曼谷</span>
            <span class="qiehuan">洛杉矶</span>
            <span class="qiehuan">纽约</span>
            <span class="qiehuan">旧金山</span>
            <span class="qiehuan">东京</span>
            <span class="qiehuan">香港</span>
            <span class="qiehuan">北京</span>
        </div>
        <div class="shujv">
            <div class="qyw">
                <div class="sg">全球平均数据</div>
                <ul class="conen">
                    <li> <span>252</span>元
                        <p>价格</p>
                    </li>
                    <li> <span>2.8</span>元
                        <p>星级</p>
                    </li>
                    <li> <span>7.8</span>元
                        <p>评分</p>
                    </li>
                </ul>
            </div>
            <div class="qyw">
                <div class="sg">穷游用户主流数据</div>
                <ul class="conen">
                    <li> <span>740</span>元
                        <p>价格</p>
                    </li>
                    <li> <span>3.9</span>元
                        <p>星级</p>
                    </li>
                    <li> <span>8.5</span>元
                        <p>评分</p>
                    </li>
                </ul>
            </div>
        </div>
        <br>
        <p>数据结论:在全球酒店选择上，穷游用户更偏爱星级高、评分高的住宿体验。</p>
        <div id="content">
            <div class="item" style="display: block">
                <ul class="deta" id="det3">
                </ul>
            </div>
            <div class="item">
                内容2
            </div>
            <div class="item">
                内容3
            </div>
            <div class="item">
                内容4
            </div>
            <div class="item">
                内容5
            </div>
            <div class="item">
                内容6
            </div>
            <div class="item">
                内容7
            </div>
        </div>
    </div>
    <!-- 更多酒店住宿 -->
    <div class="butt">更多酒店住宿></div>
    <!-- 跟着电影去旅行 -->
    <div class="mov">
        <p>跟着电影去旅行</p>
        <span>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;电影镜头下的异国他乡，永远对旅人有着非凡的吸引力。多瑙河畔的忧郁星期天，罗马街头的阳光与微风，在午夜巴黎寻找黄金时代，到喧闹旺角体会平凡人的英雄梦想，或是干脆放空所有，迷失于东京的霓虹闪烁……</span>
    </div>
    <!-- 链接 -->
    <div class="five">
        <div class="ssf">
            <a href="" class="tf"><img src="./img/bdps.jpg" alt="">
                <div class="btt">布达佩斯之恋</div>
                <span class="btt1">Budapest</span>
            </a>
        </div>
        <div class="ssf">
            <a href="" class="tf"><img src="./img/lm.jpg" alt="">
                <div class="btt">罗马假日</div>
                <span class="btt1">Roma</span>
            </a>
        </div>
        <div class="ssf">
            <a href="" class="tf"><img src="./img/bl.jpg" alt="">
                <div class="btt">午夜巴黎</div>
                <span class="btt1">HongKong</span>
            </a>
        </div>
        <div class="ssf">
            <a href="" class="tf"><img src="./img/km.jpg" alt="">
                <div class="btt">旺角拉门</div>
                <span class="btt1">Budapest</span>
            </a>
        </div>
        <div class="ssf">
            <a href="" class="tf"><img src="./img/fg.jpg" alt="">
                <div class="btt">迷失东京</div>
                <span class="btt1">Tokyo</span>
            </a>
        </div>
    </div>
    <!-- 繁华都市 -->
    <div class="famhua">
        <div class="hand">繁华都市</div>
        <div class="tas">
            <a href="" class="tfs"><img src="./img/heiye.jpg" alt="">
                <div class="btt2">三井花园饭店京都新町别邸
                    <div class="spans">1296<span>元起</span></div>
                    <div class="btt2">
                        <div id="test9"></div>8.9分
                    </div>
                </div>
            </a>
            <a href="" class="tfs"><img src="./img/chaung.jpg" alt="">
                <div class="btt2">The Muse Haus I - Black Sheep
                    <div class="spans">742<span>元起</span></div>
                    <div class="btt2">
                        8.9分
                    </div>
                </div>
            </a>
        </div>
    </div>
    <!-- 国外酒店预订 -->
    <div class="yvding">
        <div class="hand" style="border-bottom: 1px solid gray; height: 40px;">国外酒店预订</div>
        <ul class="jiudian">
            <li class="ccct">泰国</li>
            <li class="ccct">日本</li>
            <li class="ccct">法国</li>
            <li class="ccct">柬埔寨</li>
            <li class="ccct">菲律宾</li>
            <li class="ccct">英国</li>
            <li class="ccct">澳大利亚</li>
            <li class="ccct">俄罗斯</li>
            <li class="ccct">美国</li>
            <li class="ccct">巴西</li>
            <li class="ccct">西班牙</li>
            <li class="ccct">葡萄牙</li>
            <li class="ccct">伊朗</li>
            <li class="ccct">以色列</li>
            <li class="ccct">新家坡</li>
            <li class="ccct">加拿大</li>
            <li class="ccct">越南</li>
            <li class="ccct">德国</li>
            <li class="ccct">墨西哥</li>
            <li class="ccct">埃及</li>
            <li class="ccct"></li>
            <li class="ccct"></li>
            <li class="ccct"></li>
            <li class="ccct"></li>
            <li class="ccct"></li>
            <li class="ccct"></li>
            <li class="ccct"></li>
        </ul>
    </div>
    <div class="yvding">
        <div class="hand" style="border-bottom: 1px solid gray; height: 40px;">热门城市酒店预订</div>
        <ul class="jiudian">
            <li class="ccct">洛杉矶</li>
            <li class="ccct">纽约</li>
            <li class="ccct">巴黎</li>
            <li class="ccct">伦敦</li>
            <li class="ccct">底特律</li>
            <li class="ccct">克利夫兰</li>
            <li class="ccct">香港</li>
            <li class="ccct">澳门</li>
            <li class="ccct">东京</li>
            <li class="ccct">郑州</li>
            <li class="ccct">长沙</li>
            <li class="ccct">杭州</li>
            <li class="ccct">首尔</li>
            <li class="ccct">莫斯科</li>
            <li class="ccct">墨尔本</li>
            <li class="ccct">丹佛</li>
            <li class="ccct">旧金山</li>
            <li class="ccct">拉萨</li>
            <li class="ccct">戛纳</li>
            <li class="ccct">柏林</li>
            <li class="ccct"></li>
            <li class="ccct"></li>
            <li class="ccct"></li>
            <li class="ccct"></li>
            <li class="ccct"></li>
            <li class="ccct"></li>
            <li class="ccct"></li>
        </ul>
    </div>
    <div class="qyer_footer">
        <div class="topline"></div>
        <div class="content">
            <p class="nav">
                <a href="//nav.qyer.com/about" target="_blank" rel="nofollow" data-bn-ipg="foot-about-1">穷游简介</a>
                <a href="//nav.qyer.com/partner" target="_blank" rel="nofollow" data-bn-ipg="foot-about-3">合作伙伴</a>
                <a href="//nav.qyer.com/job" target="_blank" rel="nofollow" data-bn-ipg="foot-join-1">加入我们</a>
                <a href="//nav.qyer.com/tyro" target="_blank" rel="nofollow" data-bn-ipg="foot-help-1">新手上路</a>
                <a href="//m.qyer.com/guide/page/aEKs7ooblmk/?lk=1" target="_blank" rel="nofollow" data-bn-ipg="foot-help-2">使用帮助</a>
                <a href="//www.qyer.com/sitemap.html" target="_blank" data-bn-ipg="foot-help-4">网站地图</a>
                <a href="//nav.qyer.com/member" target="_blank" rel="nofollow" data-bn-ipg="foot-clause-1">会员条款</a>
                <a href="//nav.qyer.com/bbsguide" target="_blank" rel="nofollow" data-bn-ipg="foot-clause-2">社区指南</a>
                <a href="//nav.qyer.com/copyright" target="_blank" rel="nofollow" data-bn-ipg="foot-clause-3">版权声明</a>
                <a href="//nav.qyer.com/exemption" target="_blank" rel="nofollow" data-bn-ipg="foot-clause-4">免责声明</a>
                <a href="//nav.qyer.com/contact" target="_blank" rel="nofollow" data-bn-ipg="foot-about-2">联系我们</a>
            </p>
            <p class="info">
                2004-2021 © 穷游网® qyer.com All rights reserved. Version v5.57 京ICP备12003524号
                <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502041090"><img height="14" src="./img/jc.jpg" style="vertical-align: -2px;margin-right: 3px;">京公网安备11010502041090</a> 京ICP证140673号
                <a target="_blank" style="color:inherit;" href="//static.qyer.com/images/yyzz.jpg">营业执照</a>
                <a target="_blank" style="color:inherit;" href="//static.qyer.com/images/jyxkz.jpg">经营许可证</a>
            </p>


            <dl class="qyer_footer_links">
                <dt>友情链接：</dt>
                <dd>
                    <a target="_blank" href="http://www.juzigo.com" data-bn-ipg="foot-hand-1">
            交通查询
        </a>
                </dd>
                <dd>
                    <a target="_blank" href="http://www.youyuwei.com/" data-bn-ipg="foot-hand-2">
            余味全球美食
        </a>
                </dd>
                <dd>
                    <a target="_blank" href="http://www.dili360.com/about/index/links.htm" data-bn-ipg="foot-hand-3">
            中国国家地理
        </a>
                </dd>
                <dd>
                    <a target="_blank" href="http://www.taiwandao.tw/" data-bn-ipg="foot-hand-4">
            台湾自由行
        </a>
                </dd>
                <dd>
                    <a target="_blank" href="http://cn.toursforfun.com/" data-bn-ipg="foot-hand-5">
            美国旅游
        </a>
                </dd>
                <dd>
                    <a target="_blank" href="http://abroad.cncn.com/" data-bn-ipg="foot-hand-6">
            出境旅游
        </a>
                </dd>
                <dd>
                    <a target="_blank" href="http://bj.tuniu.com/" data-bn-ipg="foot-hand-7">
            北京旅游网
        </a>
                </dd>
            </dl>


        </div>
    </div>
</body>

<script src="./layui-v2.6.5/layui/layui.js"></script>
<script src="./js/nav.JS"></script>
<script src="./js/riqi.js"></script>



</html>